<template>
    <div class="head"> <img src="https://img.axureshop.com/ee/00/de/ee00de2201bf478bb4a9d4f881afd706/images/考勤签到/u746.png"
            @click="returnPage" />
        <span
            style="font-size: 20px;font-family: '微软雅黑 Regular';font-weight: bold; margin-left: 5px;margin-right: 190px;">访客管理</span>

    </div>
    <van-tabs v-model:active="active" :line-height=5>
        <van-tab title="全部"><today /></van-tab>
        <van-tab title="待审核" dot><waitCheck /></van-tab>
        <van-tab title="待访问"><waitGo /></van-tab>
        <van-tab title="已完成"><finish /></van-tab>
    </van-tabs>
</template>


<script setup >
import { useRouter } from "vue-router"
import today from './ui/today.vue'
import waitCheck from "./ui/waitCheck.vue"
import waitGo from "./ui/waitGo.vue"
import finish from "./ui/finish.vue"
import adminStore from "@/store/admin"

const router = useRouter()
const myadminStore = adminStore()


const returnPage = () => {
    router.replace("/application")
    myadminStore.setUserInfo(true)
}
</script>


<style lang='scss' scoped>
.head {
    display: flex;
    height: 40px;
    align-items: center;
    margin-top: 10px;
    padding-left: 5px;
    margin-bottom: 20px;
}
.van-tab{
    height: 50px;
}
</style>